<!DOCTYPE html>
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<!--<head th:include="admin/partial/bg_template::bg_header">-->
<head th:include="showup/ft_template::ft_head">
</head>

<body>

<!--====== TOP HEADER ==========-->
<section th:include="showup/ft_template::top_header">
</section>

<!--====== NAVIGATION MENU ==========-->
<section th:include="showup/ft_template::nav_menu">
    <div class="rows main_menu">
        <div class="container res-menu">
            <nav class="navbar navbar-inverse">
                <div>
                    <!-- Brand and toggle get grouped for better mobile display(MOBILE MENU) -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <img src="images/logo.png" th:attr="src=@{/build/images/logo.png},title=#{logo},alt=#{logo}"  class="mob_logo" />
                    </div>
                    <!-- NAVIGATION MENU -->
                    <div class="collapse navbar-collapse" id="myNavbar">
                        <ul class="nav navbar-nav">
                            <li><a href="index.html">首页</a></li>
                            <li><a href="family-package.html">国产套图</a></li>
                            <li><a href="hotels-list.html">欧美套图</a>
                            <li><a href="places.html">模特资料</a></li>
                            <li><a href="hotels-list.html">诱惑视频</a>
                            <li><a href="family-package.html">博客&推文</a></li>
                            <li><a href="blog.html">留言板</a></li>
                            <li><a href="contact.html">联系我们</a></li>
                            <li><a href="/admin/statistics">后台</a></li>
                        </ul>
                        <div class="menu_book">
                            <form>
                                <input type="search" id="searchInfo" name="" class=" input-sm" placeholder="此处查找...">
                                <a href="booking.html">黄色活动按钮</a>
                            </form>
                        </div>
                    </div>
                </div>
            </nav>
        </div>
    </div>
</section>

<!--====== 巨幕BANNER ==========-->
<!-- SECTION: HEADER -->
<section class="c3 c3-slider" th:include="showup/ft_template::top_banner">
    <div class="container">
        <!--巨幕容器-->
        <div id="myCarousel" class="carousel slide" data-ride="carousel">
            <!-- Indicators -->
            <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1" class=""></li>
                <li data-target="#myCarousel" data-slide-to="2" class=""></li>
            </ol>

            <!-- Wrapper for slides -->
            <div class="carousel-inner" role="listbox">
                <!--巨幕一-->
                <div class="item active">
                    <img src="images/slider/1.png" th:attr="src=@{/build/images/slider/1.png},title=#{logo},alt=#{logo}" width="460" height="345">
                    <div class="carousel-caption slider-cap">
                        <h1 class="wow fadeInDown" data-wow-duration="1s">The Best of Brazil & Argentina</h1>
                        <p class="wow fadeInUp" data-wow-duration="1.5s">Discover two of South America’s greatest citiesRio de Janeiro and Buenos Aires.It truly is one of the most spectacular sights on Earth.</p>
                        <a href="tour-details.html" class="hs1 wow fadeInUp" data-wow-duration="2.0s">Start Now!</a>

                    </div>
                </div>
                <!-- 巨幕一-->
                <div class="item">
                    <img src="images/slider/2.png" th:attr="src=@{/build/images/slider/1.png},title=#{logo},alt=#{logo}" width="460" height="345">
                    <div class="carousel-caption slider-cap">
                        <h1 class="wow fadeInDown" data-wow-duration="1s">Hotel & Restaurants Bookings</h1>
                        <p class="wow fadeInUp" data-wow-duration="1.5s">World's leading Hotel Booking website,Over 30,000 Hotel rooms worldwide. Book Hotel rooms and enjoy your holidays</p>
                        <a href="hotels-list.html" class="hs1 wow fadeInUp" data-wow-duration="2.0s">Start Now!</a>
                    </div>
                </div>
                <!--巨幕一-->
                <div class="item">
                    <img src="images/slider/3.png" th:attr="src=@{/build/images/slider/1.png},title=#{logo},alt=#{logo}" width="460" height="345">
                    <div class="carousel-caption slider-cap">
                        <h1 class="wow fadeInDown" data-wow-duration="1s">Honeymoon Packages 6 Nights & 7 Days</h1>
                        <p class="wow fadeInUp" data-wow-duration="1.5s">Discover two of South America’s greatest citiesRio de Janeiro and Buenos Aires.</p>
                        <a href="tour-details.html" class="hs1 wow fadeInUp" data-wow-duration="2.0s">Start Now!</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!--中间条输入信息用-->
<!--====== SLIDER ENQUIRY ==========-->
<section th:include="showup/ft_template::slider_enquiry">
</section>

<section style="height:50px;visibility: visible;background-color: #f4f4f4" th:include="showup/ft_template::blank_section"></section>
<!--主页部分-->
<section style="background-color: #f4f4f4">
    <div class="rows tb-space pad-top-o pad-bot-redu">
        <div class="container-fluid">
            <!-- TITLE & DESCRIPTION -->
            <div class="spe-title">
                <h2 name="articleName"><span th:text="${articleDetails.title}"></span></h2>
                <div class="title-line">
                    <div class="tl-1"></div>
                    <div class="tl-2"></div>
                    <div class="tl-3"></div>
                </div>
                <p><span style="padding-left: 3%">发布时间：<span th:text="${#calendars.format(articleDetails.createtime ,'yyyy-MM-dd')}"></span></span>
                    <span style="padding-left: 3%">发布人：<span th:text="${articleDetails.authorName}"></span></span></span>
                    <span style="padding-left: 3%">标签：<span th:text="${articleDetails.tag}"></span></span></p>
                <hr style="border: 0.5px solid black"/>
            </div>
            <div class="row-fluid">
                <!--左边栏，隐藏-->
                <div class="col-md-2" style="visibility: visible;margin-top: 1%">
                    <!--PART 6 :评级-->
                    <div class="hot-page2-alp-l3 hot-page2-alp-l-com">
                        <h4 class=""><i class="fa fa-star-o" ></i> 模特评分</h4>
                        <div class="hot-page2-alp-l-com1 hot-page2-alp-p5">
                            <form>
                                <ul>
                                    <li>
                                        <div class="checkbox checkbox-info checkbox-circle">
                                            <input id="chp61" class="styled" type="checkbox" checked="">
                                            <label for="chp61">
                                                    <span class="ho-hot-rat-star-list">
                                                        <span class="hot-list-left-part-rat">5.0</span> <i class="fa fa-star" ></i><i class="fa fa-star" ></i><i class="fa fa-star" ></i><i class="fa fa-star" ></i><i class="fa fa-star" ></i>
                                                    </span>
                                            </label>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="checkbox checkbox-info checkbox-circle">
                                            <input id="chp62" class="styled" type="checkbox">
                                            <label for="chp62">
                                                    <span class="ho-hot-rat-star-list">
                                                        <span class="hot-list-left-part-rat">4.0</span> <i class="fa fa-star" ></i><i class="fa fa-star" ></i><i class="fa fa-star" ></i><i class="fa fa-star" ></i><i class="fa fa-star-o" ></i>
                                                    </span>
                                            </label>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="checkbox checkbox-info checkbox-circle">
                                            <input id="chp63" class="styled" type="checkbox">
                                            <label for="chp63">
                                                    <span class="ho-hot-rat-star-list">
                                                        <span class="hot-list-left-part-rat">3.0</span> <i class="fa fa-star" ></i><i class="fa fa-star" ></i><i class="fa fa-star" ></i><i class="fa fa-star-o" ></i><i class="fa fa-star-o" ></i>
                                                    </span>
                                            </label>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="checkbox checkbox-info checkbox-circle">
                                            <input id="chp64" class="styled" type="checkbox">
                                            <label for="chp64">
                                                    <span class="ho-hot-rat-star-list">
                                                        <span class="hot-list-left-part-rat">2.0</span> <i class="fa fa-star" ></i><i class="fa fa-star" ></i><i class="fa fa-star-o" ></i><i class="fa fa-star-o" ></i><i class="fa fa-star-o" ></i>
                                                    </span>
                                            </label>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="checkbox checkbox-info checkbox-circle">
                                            <input id="chp65" class="styled" type="checkbox">
                                            <label for="chp65">
                                                    <span class="ho-hot-rat-star-list">
                                                        <span class="hot-list-left-part-rat">1.0</span> <i class="fa fa-star" ></i><i class="fa fa-star-o" ></i><i class="fa fa-star-o" ></i><i class="fa fa-star-o" ></i><i class="fa fa-star-o" ></i>
                                                    </span>
                                            </label>
                                        </div>
                                    </li>
                                </ul>
                            </form>
                            <a href="javascript:void(0);" class="hot-page2-alp-p5-btn-s" style="margin-left:30%">为她投票</a>
                        </div>
                    </div>
                </div>
                <div class="row-fluid">
                    <div class="col-md-7" style="border: 1px solid transparent">
                        <div style="display: table-cell;text-align: center;vertical-align: middle;">
                            <img src="images/hotels/1.jpg" th:attr="src=${articleDetails.imglink1},title=#{logo},alt=#{logo}" style="margin: 10px;width:819px;height: 1228px" >
                            <img src="images/hotels/1.jpg" th:attr="src=${articleDetails.imglink2},title=#{logo},alt=#{logo}" style="vertical-align: middle;margin: 10px;width:819px;height: 1228px" >
                            <img src="images/hotels/1.jpg" th:attr="src=${articleDetails.imglink3},title=#{logo},alt=#{logo}" style="vertical-align: middle;margin: 10px;width:819px;height: 1228px" >
                            <!--<img src="images/hotels/1.jpg" th:attr="src=@{/build/images/gallerys/sex1.jpg},title=#{logo},alt=#{logo}" style="vertical-align: middle;margin: 10px" >
                            <img src="images/hotels/1.jpg" th:attr="src=@{/build/images/gallerys/sex2.jpg},title=#{logo},alt=#{logo}">
                            <img src="images/hotels/1.jpg" th:attr="src=@{/build/images/gallerys/sex3.jpg},title=#{logo},alt=#{logo}">-->
                            <div class="row-fluid" >
                                <hr style="border: red 1px solid"/>
                                <h4>文件编号：<span th:text="${articleDetails.filenumber}"></span></h4>
                                <h4>文件大小：<span th:text="${articleDetails.filesize}"></span></h4>
                                <!--<h4 style="visibility: hidden">解压密码:www.baidu.com</h4>-->
                                <h4>下载链接一：<a target="_blank" th:href="${articleDetails.downloadlink1}" th:text="${articleDetails.downloadlink1}"></a></h4>
                                <h4>下载链接二：<a target="_blank" th:href="${articleDetails.downloadlink2}" th:text="${articleDetails.downloadlink2}"></a></h4>
                            </div>
                        </div>
                    </div>

                </div>
                <!--右边栏-->
                <div th:include="showup/ft_template::right_sidebar">
                    <div class="ho-popu-bod">
                        <div class="hot-page2-hom-pre-head">
                            <h4>Most Popular <span>Gallery</span></h4>
                        </div>
                        <div class="hot-page2-hom-pre">
                            <ul>
                                <!--LISTINGS-->
                                <li>
                                    <a href="hotels-list.html">
                                        <div class="hot-page2-hom-pre-1">
                                            <img src="images/hotels/1.jpg" alt="">
                                        </div>
                                        <div class="hot-page2-hom-pre-2">
                                            <h5>Taaj Club House</h5>
                                            <span>City: illunois, United States</span>
                                        </div>
                                        <div class="hot-page2-hom-pre-3">
                                            <span>4.5</span>
                                        </div>
                                    </a>
                                </li>
                                <!--LISTINGS-->
                                <li>
                                    <a href="hotels-list.html">
                                        <div class="hot-page2-hom-pre-1">
                                            <img src="images/hotels/2.jpg" alt="">
                                        </div>
                                        <div class="hot-page2-hom-pre-2">
                                            <h5>Universal luxury Grand Hotel</h5>
                                            <span>City: Rio,Brazil</span>
                                        </div>
                                        <div class="hot-page2-hom-pre-3">
                                            <span>4.2</span>
                                        </div>
                                    </a>
                                </li>
                                <!--LISTINGS-->
                                <li>
                                    <a href="hotels-list.html">
                                        <div class="hot-page2-hom-pre-1">
                                            <img src="images/hotels/3.jpg" alt="">
                                        </div>
                                        <div class="hot-page2-hom-pre-2">
                                            <h5>Barcelona Grand Pales</h5>
                                            <span>City: Chennai,India</span>
                                        </div>
                                        <div class="hot-page2-hom-pre-3">
                                            <span>5.0</span>
                                        </div>
                                    </a>
                                </li>
                                <!--LISTINGS-->
                                <li>
                                    <a href="hotels-list.html">
                                        <div class="hot-page2-hom-pre-1">
                                            <img src="images/hotels/4.jpg" alt="">
                                        </div>
                                        <div class="hot-page2-hom-pre-2">
                                            <h5>Lake Palace view Hotel</h5>
                                            <span>City: Beijing,China</span>
                                        </div>
                                        <div class="hot-page2-hom-pre-3">
                                            <span>2.5</span>
                                        </div>
                                    </a>
                                </li>
                                <!--LISTINGS-->
                                <li>
                                    <a href="hotels-list.html">
                                        <div class="hot-page2-hom-pre-1">
                                            <img src="images/hotels/8.jpg" alt="">
                                        </div>
                                        <div class="hot-page2-hom-pre-2">
                                            <h5>First Class Grandd Hotel</h5>
                                            <span>City: Berlin,Germany</span>
                                        </div>
                                        <div class="hot-page2-hom-pre-3">
                                            <span>4.0</span>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="ho-popu-bod">
                        <div class="hot-page2-hom-pre-head">
                            <h4>Top Grand <span>Models</span></h4>
                        </div>
                        <div class="hot-page2-hom-pre">
                            <ul>
                                <!--LISTINGS-->
                                <li>
                                    <a href="hotels-list.html">
                                        <div class="hot-page2-hom-pre-1">
                                            <img src="images/hotels/1.jpg" alt="">
                                        </div>
                                        <div class="hot-page2-hom-pre-2">
                                            <h5>Taaj Club House</h5>
                                            <span>City: illunois, United States</span>
                                        </div>
                                        <div class="hot-page2-hom-pre-3">
                                            <span>4.5</span>
                                        </div>
                                    </a>
                                </li>
                                <!--LISTINGS-->
                                <li>
                                    <a href="hotels-list.html">
                                        <div class="hot-page2-hom-pre-1">
                                            <img src="images/hotels/2.jpg" alt="">
                                        </div>
                                        <div class="hot-page2-hom-pre-2">
                                            <h5>Universal luxury Grand Hotel</h5>
                                            <span>City: Rio,Brazil</span>
                                        </div>
                                        <div class="hot-page2-hom-pre-3">
                                            <span>4.2</span>
                                        </div>
                                    </a>
                                </li>
                                <!--LISTINGS-->
                                <li>
                                    <a href="hotels-list.html">
                                        <div class="hot-page2-hom-pre-1">
                                            <img src="images/hotels/3.jpg" alt="">
                                        </div>
                                        <div class="hot-page2-hom-pre-2">
                                            <h5>Barcelona Grand Pales</h5>
                                            <span>City: Chennai,India</span>
                                        </div>
                                        <div class="hot-page2-hom-pre-3">
                                            <span>5.0</span>
                                        </div>
                                    </a>
                                </li>
                                <!--LISTINGS-->
                                <li>
                                    <a href="hotels-list.html">
                                        <div class="hot-page2-hom-pre-1">
                                            <img src="images/hotels/4.jpg" alt="">
                                        </div>
                                        <div class="hot-page2-hom-pre-2">
                                            <h5>Lake Palace view Hotel</h5>
                                            <span>City: Beijing,China</span>
                                        </div>
                                        <div class="hot-page2-hom-pre-3">
                                            <span>2.5</span>
                                        </div>
                                    </a>
                                </li>
                                <!--LISTINGS-->
                                <li>
                                    <a href="hotels-list.html">
                                        <div class="hot-page2-hom-pre-1">
                                            <img src="images/hotels/8.jpg" alt="">
                                        </div>
                                        <div class="hot-page2-hom-pre-2">
                                            <h5>First Class Grandd Hotel</h5>
                                            <span>City: Berlin,Germany</span>
                                        </div>
                                        <div class="hot-page2-hom-pre-3">
                                            <span>4.0</span>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!--页脚-->
<!--====== FOOTER 1 ==========-->
<section th:include="showup/ft_template::ft_footer1">

</section>

<!--====== FOOTER 2 ==========-->
<section th:include="showup/ft_template::ft_footer2">

</section>

<!--====== FOOTER - COPYRIGHT ==========-->
<section th:include="showup/ft_template::ft_footer_copyright">
</section>

<!--左侧边栏图标链接-->
<!--<section th:include="showup/ft_template::ft_sideicon">
</section>-->

<section th:include="showup/ft_template::ft_javascript">
</section>
</body>

</html>

